<template>
  <el-container style="height: 100%">
    <el-aside width="auto">
      <common-aside></common-aside>
    </el-aside>

    <el-container>
      <el-header>
        <common-header></common-header>
      </el-header>
      <common-tab></common-tab>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
//引进自定义组件111111111
//头部面包屑导航栏
import CommonHeader from "../components/CommonHeader.vue";
//左部导航栏
import CommonAside from "../components/CommonAside.vue";
//tab切换
import CommonTab from "../components/CommonTab.vue";
export default {
  //注册组件
  components: {
    CommonHeader,
    CommonAside,
    CommonTab,
  },
};
</script>

<style lang="scss" scoped="">
.el-header {
  background-color: grey;
}

.el-main {
  padding-top: 0;
}
</style>
